@import './var.scss';
*{
  margin: 0;
  padding: 0;
}
html,body{
  width: 100%;
  height: 100%;
}
body {
  background-color:#fafafa;
  // font-size: $font-size-base;
  // color: $color-font;
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
    'Helvetica Neue', STHeiti, 'Microsoft Yahei', Tahoma, Simsun, sans-serif;
}

input {
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

a {
  -webkit-tap-highlight-color: inherit;
  text-decoration: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.left{
  float: left;
}
.right{
  float: right;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scrollbar::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #ffffff;
}
/*定义滚动条轨道 内阴影+圆角*/
.scrollbar::-webkit-scrollbar-track
{
    // -webkit-box-shadow: inset 0 0 6px #ccc;
    border-radius: 10px;
    background-color: #ffffff;
}
/*定义滑块 内阴影+圆角*/
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    // -webkit-box-shadow: inset 0 0 6px blue;
    background-color: #b1daff;
}

@media screen and (max-width: 1280px) {
  html {
    font-size: 128PX !important;
  }
}


.line {
  text-align: center;
  font-size: 20px;
}

.btn {
  text-align: center;
}